<template>
    <div class="import">
        <div class="im-header" style="padding-left:15px;">
            <span class="title">商标导入</span>
            <span class="info marginR30">您已通过服务猫系统智能导入
                <span class="f_bold cBlue f_16 pointer" @click="$emit('fanHu')">{{tm_count.total}}</span>
                个商标
            </span>
            <span>已管理：{{t_used_num}}/{{t_num}}笔</span>
        </div>
        <ul class="im-table clearfix">
            <li>
                <span class="im-action" >一键导入</span>
                <span class="im-msg">导入所有代理的商标</span>
                <img src="../img/mary/a01.jpg" ref="modal1" alt="一键导入" @click="isShow(1)">
                <p class="im-res">您已一键导入{{tm_count.agent}}条数据</p>
                <p class="im-state f_12">商标</p>
            </li>
            <li>
                <span class="im-action">添加单个商标</span>
                <span class="im-msg">通过注册号逐个添加商标</span>
                <img src="../img/mary/a02.jpg" alt="一键导入" @click="isShow(2)">
                <p class="im-res">您已单个添加{{tm_count.reg_number}}条数据</p>
                <p class="im-state f_12">商标</p>
            </li>
            <li>
                <span class="im-action">以申请人名称导入</span>
                <span class="im-msg">通过申请人名称导入所有商标</span>
                <img src="../img/mary/a03.jpg" alt="一键导入" @click="isShow(3)">
                <p class="im-res">您已按申请人导入{{tm_count.reg_people}}条数据</p>
                <p class="im-state f_12">商标</p>
            </li>
            <li>
                <span class="im-action">批量导入</span>
                <span class="im-msg">通过excel模板,批量导入商标</span>
                <img src="../img/mary/a01.jpg" alt="一键导入" @click="isShow(4)">
                <p class="im-res">您已批量导入{{tm_count.batch}}条数据</p>
                <p class="im-state f_12">商标</p>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "importTm",
        props:['tm_count','t_used_num','t_num'],
        watch:{
            tm_count(newVal,oldVal){
                this.tm_count=newVal;

            }
        },
        methods:{
            isShow(num) {
                if (num ==1) {
                    this.$emit("is_show_model", 1)
                }else if(num == 2) {
                    this.$emit("is_show_model", 2)
                }else if(num == 3) {
                    this.$emit("is_show_model", 3)
                }else if(num == 4) {
                    this.$emit("is_show_model", 4)
                }
            },
        }
    }
</script>

<style scoped>

</style>